﻿<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>LTable - 工单系统</title>

    <!-- begin::global styles -->
    <link rel="stylesheet" th:href="@{/vendors/bundle.css}" type="text/css">
    <!-- end::global styles -->


    <!-- begin::custom styles -->
    <link rel="stylesheet" th:href="@{/css/app.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/css/custom.css}" type="text/css">
    <!-- end::custom styles -->

</head>
<body>

<!-- begin::side menu -->
<div class="side-menu">
    <div class='side-menu-body'>
        <ul>
            <li class="open">
                <a class="active" th:href="@{/index}"><i class="icon ti-home"></i> <span>首页</span> </a>
            </li>
            <li><a th:href="@{/create_order}"><i class="icon ti-paint-bucket"></i> <span>创建工单</span></a></li>
            <li><a th:href="@{/order_in_handle}"><i class="icon ti-layers-alt"></i> <span>正在处理</span> </a></li>
            <li><a th:href="@{/order_history}"><i class="icon ti-rocket"></i> <span>历史工单</span> </a></li>

            <li>
                <a data-attr="layout-builder-toggle" href="#">
                    <i class="icon ti-layout"></i>
                    <span>模式</span>
                </a>
            </li>

        </ul>
    </div>
</div>

<div th:replace="~{commons/commons::businessnavbar}"></div>

<!-- end::navbar -->
<!--主要展示内容 在main里显示-->
<!-- begin::main content -->
<main class="main-content">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <img th:src="@{media/image/portfolio-five.png}" class="card-img-top" alt="...">
                <div class="card-body text-center m-t-70-minus">
                    <figure class="avatar avatar-xl m-b-20">
                        <img th:src="@{media/image/avatar.jpg}" class="rounded-circle" alt="...">
                    </figure>
                    <h5>Loken Lu</h5>
                    <p class="text-muted small">Web Developer</p>
                    <p>LTable is a very stylish work order system, here is a dazzling array of things, here has everything, here is omnipotent</p>
                    <a href="#" class="btn btn-outline-primary">
                        <i class="fa fa-pencil m-r-5"></i> Edit Profile
                    </a>
                    <div class="row m-t-30">
                        <div class="col-4 text-info">
                            <h5>5896</h5>
                            <span>Post</span>
                        </div>
                        <div class="col-4 text-success">
                            <h5>1596</h5>
                            <span>Followers</span>
                        </div>
                        <div class="col-4 text-warning">
                            <h5>7896</h5>
                            <span>Likes</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</main>
<!-- end::main content -->

<!-- begin::global scripts -->
<script th:src="@{/vendors/bundle.js}"></script>
<!-- end::global scripts -->

<!-- begin::charts -->
<script th:src="@{/vendors/charts/chartjs/chart.min.js}"></script>
<script th:src="@{/vendors/charts/peity/jquery.peity.min.js}"></script>
<script th:src="@{/js/examples/charts/chartjs.js}"></script>
<script th:src="@{/js/examples/charts/peity.js}"></script>
<!-- end::charts -->

<!-- begin::dashboard -->
<script th:src="@{/js/examples/dashboard.js}"></script>
<!-- end::dashboard -->

<!-- begin::custom scripts -->
<script th:src="@{/js/custom.js}"></script>
<script th:src="@{/js/app.js}"></script>
<!-- end::custom scripts -->

</body>
</html>